<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/iconfont.css" />

	</head>

	<body>
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">购物</h1>
		</div>
		<input type="" name="ItemID" id="ItemID" value="123456" hidden="true"/>
		<div class="mui-slider">
			<div class="mui-slider-group">
				<div class="mui-slider-item">
					<a href="#">
						<img src="../../images/slider-0.JPG">
					</a>
				</div>
				<div class="mui-slider-item">
					<a href="#">
						<img src="../../images/slider-1.JPG">
					</a>
				</div>
				<div class="mui-slider-item">
					<a href="#">
						<img src="../../images/slider-2.JPG">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>

		<div id="">
			<h4>oo2蛋糕</h4>
			<h5 style="line-height: 20px;">新鲜美味 看的见的健康 看不见的信任 全进口原料 健康是吃出来的 </h5>
		</div>

		<div id="">
			<h4 style="font-size:25px;color: red;line-height: 40px;">￥<lable>15.00</lable></h4>

			<div id="">
				<lable>
					<b>购买数量：</b></lable>
				<div class="mui-numbox" data-numbox-step='1' data-numbox-min='1' style="margin-left: 60px;">
					<button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
					<input class="mui-numbox-input" type="number" />
					<button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
				</div>
			</div>
		</div>

		<div class="mui-content">
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
				<li class="mui-table-view-cell" style="margin: 0px; padding: 5px 10px 5px 5px;">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<h5>评价（5）</h5>
						</div>

					</div>
				</li>
				<li class="mui-table-view-cell" style="margin: 0px; padding: 5px 10px 5px 5px;">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<h4 class="mui-ellipsis-2">☆☆☆☆☆</h4>
							<h5>味道很好，很好吃</h5>
							<img src="../../images/IMG_2239.png" />
							<img src="../../images/IMG_2239.png" />
						</div>
						<div class="mui-table-cell mui-col-xs-2 mui-text-right">
							<span class="mui-h5">华子凯</span>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell" style="margin: 0px; padding: 5px 10px 5px 5px;">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<h4 class="mui-ellipsis-2">☆☆☆☆☆</h4>
							<h5>味道很好，很好吃</h5>
							<img src="../../images/IMG_2239.png" />
							<img src="../../images/IMG_2239.png" />
						</div>
						<div class="mui-table-cell mui-col-xs-2 mui-text-right">
							<span class="mui-h5">华子凯</span>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell" style="margin: 0px; padding: 5px 10px 5px 5px;">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<h4 class="mui-ellipsis-2">☆☆☆☆☆</h4>
							<h5>味道很好，很好吃</h5>
							<img src="../../images/IMG_2239.png" />
							<img src="../../images/IMG_2239.png" />
						</div>
						<div class="mui-table-cell mui-col-xs-2 mui-text-right">
							<span class="mui-h5">华子凯</span>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell" style="margin: 0px; padding: 5px 10px 5px 5px;">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<h4 class="mui-ellipsis-2">☆☆☆☆☆</h4>
							<h5>味道很好，很好吃</h5>
							<img src="../../images/IMG_2239.png" />
							<img src="../../images/IMG_2239.png" />
						</div>
						<div class="mui-table-cell mui-col-xs-2 mui-text-right">
							<span class="mui-h5">华子凯</span>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell" style="margin: 0px; padding: 5px 10px 5px 5px;">
					<div class="mui-table">
						<div class="mui-table-cell mui-col-xs-10">
							<h4 class="mui-ellipsis-2">☆☆☆☆☆</h4>
							<h5>味道很好，很好吃</h5>
							<img src="../../images/IMG_2239.png" />
							<img src="../../images/IMG_2239.png" />
						</div>
						<div class="mui-table-cell mui-col-xs-2 mui-text-right">
							<span class="mui-h5">华子凯</span>
						</div>
					</div>
				</li>
			</ul>
			<br />
			<br />
			<br />
		</div>

		<footer class="mui-bar mui-bar-footer">
			<nav class="mui-bar mui-bar-tab">
				<div class="mui-tab-item mui-col-xs-12">
					<a class="mui-tab-item mui-col-xs-3" href="">
						<span class="mui-icon iconfont icon-guanzhu"></span>
						<span class="mui-tab-label">关注</span>
					</a>
					<a class="mui-tab-item mui-col-xs-3" href="#">
						<span class="mui-icon iconfont icon-shop1"><span class="mui-badge">9</span></span>
						<span class="mui-tab-label">购物车</span>
					</a>
					<a id="add2car" class="mui-tab-item mui-button-row mui-col-xs-6" href="#" style="background: red;">
						<h5 style="font-size:20px;color: white;">加入购物车</h5>
					</a>
				</div>

			</nav>
		</footer>
		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" charset="UTF-8">
			mui.init();
			
			document.getElementById('add2car').addEventListener('tap',function(){

				mui.openWindow({
							url: 'http://172.19.254.70:8080/checkaccount',
					id: 'checkaccount',

							show: {
								aniShow: 'pop-in'
							},
							styles: {
								popGesture: 'hide'
							},
							waiting: {
								autoShow: false
							}
						});
			})
		</script>
	</body>

</html>